草庐IT

Bootstrap 按钮(Button)插件

全部标签

javascript - 如何使 Twitter Bootstrap 工具提示易于访问?

如您所知,无法访问TwitterBootstrap工具提示(即屏幕阅读器无法阅读它们)。要做到这一点,应该做以下事情:调用tooltip()函数,生成的文本元素(包含工具提示文本的元素)应该添加一个新属性:aria-hidden="true".原始元素(tooltip()被调用)应该添加一个属性:aria-describedby="#",其中tooltip-id指的是上面刚刚创建的新元素的id。由于Javascript当前的工作方式是使用.tooltip选择所有元素类并应用tooltip()它的功能,我想知道如何在不修改tooltip()的源代码的情况下做到这一点功能。下面是一个按钮的

javascript - 如何通过单击共享点中的按钮关闭 SP.UI.ModalDialog?

我想在用户从EDITForm.aspx保存任何文档时显示确认对话框。所以我编写了以下JavaScript代码。functionPreSaveAction(){var_html=document.createElement();_html.innerHTML="";varoptions={title:"Confirm",width:400,height:200,showClose:false,allowMaximize:false,autoSize:false,html:_html};SP.UI.ModalDialog.showModalDialog(options);}function

javascript - 在悬停时突出显示 Bootstrap 行

这里我使用Bootstrap行来显示我的内容。最初它的高度较小,在鼠标悬停时我想通过增加高度和突出显示watmore...吸引人地突出显示。有没有这方面的Bootstrap类?ExampleonFiddleTitleofpage50 watmore?... 最佳答案 你可以使用CSShover来实现这一点fiddle:Example.item:hoverh6{margin-top:20px;font-size:14px;}.item:hover.moreBtnimg{margin-top:4px;}.item:hover.m

javascript - Bootstrap 可折叠侧边菜单项

我正在尝试制作一个使子元素可折叠的Bootstrap侧边菜单。类似于http://jsfiddle.net/但是我想要子菜单中的链接项而不是这么复杂的结构。这是我尝试过的MoreBlogAboutUSJobsNavitemagainOnemorenavAnothernavitem可放置的子菜单不会将列表中的其余元素向下推,而是出现在它们的顶部。这使得导航变得困难。 最佳答案 使用面板和折叠插件来制作一个简单的Accordion不是更好吗?这是一个例子来说明我的意思。它做我想你想要的。MoreBlogAboutUSJobsNavite

javascript - 如何对 Angular-UI Bootstrap Modal 组件的 'resolve' 属性进行单元测试

我正在尝试编写一个单元测试,断言正确的变量正在从Angular-UIBootstrap发送到ui.bootstrap.modal的resolve属性组件。这是我目前所拥有的://Controllerangular.module('app').controller('WorkflowListCtrl',function($scope,$modal){//Setuptheeditcallbacktoopenamodal$scope.edit=function(name){varmodalInstance=$modal.open({templateUrl:'partials/editWork

javascript - 将 js 确认更改为 twitter Bootstrap 模式

我有一些JavaScript会向用户显示一个确认对话框,以确认他们对传入变量的操作。但是,我必须将普通的确认对话框更改为twitter-bootstrap模式。我已经尝试了几次,阅读了很多SO帖子并阅读了twitterbootstrap文档,但是我无法让它工作,因为我对js的了解不够好。我卡在了TwitterBootstrap模式中变量的显示上。我希望有人能给我一些指点来帮助我。这是我当前的js对话框代码:functioncheckboxUpdated(checkbox,count,label,id){if(checkbox.checked){$('#menu_entry_'+id).

Javascript 停止浏览器广告插件

有什么方法可以阻止浏览器加载项注入(inject)HTML代码吗?我有一个用angularjs构建的网站,但由于某些浏览器加载项,我的路线变得困惑,这是导致我的angularjs出现一些错误的HTML片段:因此我的URL是:www.domain.com/app/#/users更改为www.domain.com/users我收到URL相关错误:TypeError:Cannotreadproperty'charAt'ofundefined如果我在没有任何附加组件的浏览器上运行我的网站,它就像一个魅力,但使用上述附加组件我会收到错误。我们的一个网站用户正面临此问题。有什么解决办法可以解决这个

javascript - Rivets.js:单击按钮时,使用数据绑定(bind)中的参数调用函数

这太令人生气了。好像应该这么简单,但是我找不到魔法咒语。这是我需要做的事情的要点:这应该可以说明我需要做什么。我尝试了很多不同的方法,但似乎没有任何效果。 最佳答案 下面是铆钉网站的事件处理程序的默认配置://Augmenttheeventhandleroftheon-*binderhandler:function(target,event,binding){this.call(target,event,binding.view.models)}因此除了事件对象之外,您还可以获得对与特定绑定(bind)相关的模型的引用作为第二个参数

javascript - 按钮ng-click中的功能参数相同

我有两个按钮使用相同的ng-click和不同的参数。SaveSettingsChoosefromGallery无论我做什么,按钮都会传递与第一个函数调用中相同的参数。使用简单的Controller功能进行测试,记录相同的参数。在这种情况下,它是true对于两者。$scope.takePicture=function(my_param){console.log(my_param);}这些似乎只发生在Ionic中,而不是标准的Angular。这是一个工作示例的CodePen。http://codepen.io/anon/pen/JYBKVQ编辑:根据下面的解决方案,我在上面的代码摘录中包含

javascript - Accordion 在 Bootstrap 4 崩溃中不起作用

https://fiddle.jshell.net/8v72rtxb/我有以下代码。StudiesSomething...ResearchSomething...我不知道为什么data-parent不起作用。展开一个折叠div不会关闭另一个折叠。我试图从bootstrap的例子中复制代码,但它仍然不起作用。同样在我的项目中,我在bootstrap.min.js之前包含了jquery.js。我检查了其他一些问题,他们说bootstrap.min.js可能被包含了两次。但事实应该如此吗?感谢阅读! 最佳答案 我想出了一个解决方法。即使不